<div style="height: 500px;overflow: auto;"> 
  <p-tabView>
    <p-tabPanel header="基本信息">
      <div style="border: 1px solid #c7cdd9;margin-bottom: 10px;">
        <div class="row">
          <div class="form-group col-md-12">
            <label>申请单编号： </label>
            <label>{{ _ApplyChangeMainDto.code}}</label>
          </div>
        </div>
        <div class="row">
          <div class="form-group col-md-12">
            <label>变更单编号：</label>
            <label>{{ _ApplyChangeMainDto.changedCode}}</label>
          </div>
        </div>
        <div class="row">
          <div class="form-group col-md-12">
            <label>申请单位： </label>
            <label>{{ _ApplyChangeMainDto.applyUnit}}</label>
          </div> 
        </div>
        <div class="row">
          <div class="form-group col-md-12">
            <label>供方单位： </label>
            <label>{{ _ApplyChangeMainDto.supplierUnit}}</label>
          </div>
        </div> 
      </div>
    </p-tabPanel>
    <p-tabPanel header="申请内容">
      <div style="border: 1px solid #c7cdd9;margin-bottom: 10px;">
        <div class="align-items-center">
          <!--<Primeng-TurboTable-Start>-->
          <div class="primeng-datatable-container" [busyIf]="primengTableHelper.isLoading">
            <p-table #dataTable [value]="ApplyChangeDetailsDto" rows="{{primengTableHelper.defaultRecordsCountPerPage}}"
              [paginator]="false" [lazy]="true" [scrollable]="true" ScrollWidth="100%"
              [responsive]="primengTableHelper.isResponsive" [resizableColumns]="primengTableHelper.resizableColumns">
              <ng-template pTemplate="header">
                <tr>
                  <th style="width: 100px">
                    序号
                  </th>
                  <th style="width: 150px">
                    任务号
                  </th>
                  <th style="width: 150px">
                    产品图号
                  </th>
                  <th style="width: 150px">
                    产品名称
                  </th>
                  <th style="width: 100px">
                    申请单数量
                  </th>
                  <th style="width: 130px">
                    加工状态
                  </th>
                  <th style="width: 130px">
                    交付进度
                  </th>
                  <th style="width: 230px">
                    变更原因
                  </th>
                  <th style="width: 300px">
                    当前外包产品进度
                  </th>
                  <th style="width: 120px">
                    变更后数量
                  </th>
                </tr>
              </ng-template>
              <ng-template pTemplate="body" let-record="$implicit" let-ri='rowIndex'>
                <tr>
                  <th style="width: 100px">
                    {{ri+1}}
                  </th>
                  <td style="width: 150px">
                    {{record.taskCode}}
                  </td>
                  <td style="width: 150px">
                    {{record.picNo}}
                  </td>
                  <td style="width: 150px">
                    {{record.taskName}}
                  </td>
                  <td style="width: 100px">
                    {{record.outsouringAmount}}
                  </td>
                  <td style="width: 130px">
                    {{record.workStatus}}
                  </td>
                  <td style="width: 130px">
                    {{record.deliveryRate | momentFormat:'L'}}
                  </td>
                  <td style="width: 230px">
                    {{record.changeRemark}}
                  </td>
                  <td style="width: 300px">
                    {{record.currentOutsouringProgress}}
                  </td>
                  <td style="width: 120px">
                    {{record.changedAmount}}
                  </td>
                </tr>
              </ng-template>
            </p-table>
            <div class="primeng-no-data" *ngIf="ApplyChangeDetailsDto.length == 0">
              {{'NoData' | localize}}
            </div>
          </div>
          <!--<Primeng-TurboTable-End>-->
        </div>
      </div>

    </p-tabPanel>
    <p-tabPanel header="审批记录">
      <div style="border: 1px solid #c7cdd9;margin-bottom: 10px;">
        <app-flowApprovalRecord workflowid="{{workflowid}}"></app-flowApprovalRecord>
      </div>
    </p-tabPanel>
  </p-tabView> 
</div>
<div class="row" style="display: -webkit-box;
margin-top: 10px;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
padding: 1rem;
border-top: 1px solid #e9ecef;">
<button [disabled]="saving" type="button" class="btn btn-default" (click)="audityes()">
  同意
</button>
<button type="button" (click)="auditno()" class="btn btn-primary2" [buttonBusy]="saving">
  <i class="fa fa-save"></i> <span>不同意</span>
</button>
</div>